<!--
 * @Author: fisher
 * @Date: 2022-10-27 17:02:10
 * @LastEditTime: 2022-10-27 17:49:01
 * @LastEditors: fisher
 * @Description: 
 * @FilePath: \jiang_vue\src\views\home\index.vue
-->
<template>
  <div>
    <HelloWorldVue></HelloWorldVue>
    <div>{{ msg }}</div>
    <div>{{ prefixMsg }}</div>
  </div>
</template>

<script>
import HelloWorldVue from "../../components/HelloWorld.vue";
export default {
  name: "home",
  data() {
    return {
      msg: "fisher",
    };
  },
  components: {
    HelloWorldVue,
  },
  computed: {
    prefixMsg() {
      return "aaa" + this.msg;
    },
  },
  created() {
    console.log("created");
  },
  mounted() {
    console.log("mounted");
  },
  updated() {
    console.log("updated");
  },
  destroyed() {
    console.log("updated");
  },
};
</script>

<style>
</style>